<template>
	<view>
		<view class="cu-timeline ">
			<!-- <view class="cu-time">昨天</view> -->
			<view class="cu-item cur">
				<text class="text-black text-sm">2023-1-23 13:24</text>
				<view class="content bg-white shadow">
					<text class="text-black text-xl">已完成</text>
					<view class="text-black">XX部门，共耗时1小时20分钟</view>
					<view class="flex margin-top" style="justify-content: flex-end;">
						<button class="cu-btn bg-blue lg" @click="evaluateAction">评价</button>
					</view>
				</view>
			</view>
			<view class="cu-item cur">
				<text class="text-black text-sm">2023-1-23 14:50</text>
				<view class="content bg-white shadow">
					<text class="text-black text-xl">进行中</text>
					<view class="text-black">XX部门，已耗时30分钟</view>
					<view class="flex margin-top" style="justify-content: flex-end;">
						<button class="cu-btn bg-blue lg">评价</button>
					</view>
				</view>
			</view>
			<view class="cu-item cur">
				<text class="text-black text-sm">2023-1-23 14:50</text>
				<view class="content bg-white shadow">
					<text class="text-black text-xl">暂未接收</text>
					<view class="text-black">XX部门</view>
					<view class="flex margin-top" style="justify-content: flex-end;">
						<button class="cu-btn bg-grey lg" disabled type="">评价</button>
					</view>
				</view>
			</view>
			<view class="cu-item cur">
				<text class="text-black text-sm">2023-1-23 14:50</text>
				<view class="content bg-white shadow">
					<text class="text-black text-xl">暂未接收</text>
					<view class="text-black">XX部门</view>
					<view class="flex margin-top" style="justify-content: flex-end;">
						<button class="cu-btn bg-grey lg" disabled type="">评价</button>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			evaluateAction() {
				uni.navigateTo({
					url:"/pages/processEvaluate/processEvaluate"
				})
			}
		}
	}
</script>

<style>
	.cu-timeline>.cu-item::after {
	    content: "";
	    display: block;
	    position: absolute;
	    width: 5px;
	    background-color: #eeeeee;
	    left: 28px;
	    height: 100%;
	    top: 0;
	    z-index: 8;
	}
</style>
